<template>
  <div class="mod-user-info">
    <el-dialog
      :title="$t('distributionMsg.titleTip1')"
      :close-on-click-modal="false"
      :visible.sync="visible"
    >
      <el-form
        :model="dataForm"
        :rules="dataRule"
        ref="dataForm"
        @keyup.enter.native="dataFormSubmit()"
        :label-width="this.$i18n.t('language') === 'language' ? '180px' : '100px'"
      >
        <el-form-item :label="$t('distributionMsg.distriTelPhone')" prop="remarks">
          <el-input :readonly="true" v-model="dataForm.userMobile"></el-input>
        </el-form-item>

        <el-form-item :label="$t('distribution.idCardNo')" prop="identityCardNumber">
          <el-input :readonly="true" v-model="dataForm.identityCardNumber"></el-input>
        </el-form-item>

        <el-form-item :label="$t('distribution.realName')" prop="realName">
          <el-input :readonly="true" v-model="dataForm.realName"></el-input>
        </el-form-item>

        <el-form-item :label="$t('distributionMsg.idCardFront')">
          <img :src="dataForm.identityCardPicFront" style="max-width: 100%" />
        </el-form-item>

        <el-form-item :label="$t('distributionMsg.idCardBack')">
          <img :src="dataForm.identityCardPicBack" style="max-width: 100%" />
        </el-form-item>

        <el-form-item :label="$t('distributionMsg.holdIdCard')">
          <img :src="dataForm.identityCardPicHold" style="max-width: 100%" />
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="visible = false">{{$t('seckill.close')}}</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data () {
    return {
      dataForm: {
      },
      addProdVisible: false,
      visible: false,
      dataRule: {
      }
    }
  },
  components: {
  },
  methods: {
    init (data) {
      this.visible = true
      this.dataForm = Object.assign(this.dataForm, data)
    }
  }

}
</script>
 